<<<<<<< .mine
<div ng-controller="detailController" class="detail main">
<div class="player col-sm-12 col-xs-12">
    <div id="myElement">Loading the player...</div>
    <script type="text/javascript" src="{{url('vendor/jwplayer/jwplayer.js')}}"></script>
    <script type="text/javascript">jwplayer.key="Tl/cGRKD5+mHxuBA9abJoeWYGnxLoRlF9Xt8VQHJS2nHMmlibF4GZ6FPp4Zk0206";</script>
    =======
    {% extends '../../../layouts/skins/v2/layout_detail.volt' %}
    >>>>>>> .r55

    <<<<<<< .mine
    <script>
        jwplayer("myElement").setup({
            "autoStart": false ,
            width: "100%",
            height: "520",
            abouttext: "Konnect+",
            //flashplayer: "public/vendor/jwplayer/jwplayer.flash.swf",
            logo: {
                file: "http://javhd.com/images/logo.png",
                link: '',
                hide : true
            },
            skin: "{{url('vendor/jwplayer/skins/five.xml')}}",
            //image: "{{url('public/layouts/skins/frontend/defaults/images/img1.jpg')}}",
            playlist: [{
                sources: [
                    {% for videolink in detail.videoFileLink %}

                    {
                        file: "{{videolink.videoFile.getLinkSourceServer()}}",
                        label: "720p SD"
                    },
                    {% endfor %}
                ],
                title: "{{ detail.videoDescription.getName()}}",
                tracks: [{
                    file: "{{url('vendor/jwplayer/big.srt')}}",
                    label: "English"

                },{
                    file: "{{url('vendor/jwplayer/small.srt')}}",

                    label: "French"
                }]
            }]
        });
    </script>
</div>

<div class="info">
    <div class="tab-info">
        <!-- Nav tabs -->
        <ul class="nav nav-tabs nav-detail-tabs" role="tablist">
            <li class="active"><a href="#description" role="tab" data-toggle="tab">Giới thiệu</a></li>
            <li><a href="#artists" role="tab" data-toggle="tab">Diễn Viên</a></li>
            <li><a href="#imgs" role="tab" data-toggle="tab">Hình ảnh</a></li>
        </ul>

        <!-- Tab panes -->
        <div class="tab-content">
            <div class="tab-pane active" id="description">
                <div class="filmDescription">

                    <h3>{{ detail.videoDescription.getName()}}</h3>
                    <p class="filmInfo">
                        <span>Khởi chiếu : {{detail.videoDescription.getYearPublish()}}</span><br>
                        <span>Thời lượng : {{detail.getDuration()}} phút</span><br>
                        <span>Phụ đề tiếng Việt</span><br>
                    </p>
                    <p class="filmShortDesc">{{detail.videoDescription.getDescription()}}</p>

                </div>
            </div>
            <div class="tab-pane" id="artists">
                <ul class="artistsList">

                    {% for art in detail.videoArtistLink %}
                        <li>
                            <a href="/dien-vien/1409-kelsey-grammer.html" class="imgThumb">
                                <img src="http://s3.img.edn.vn/123phim/2014/09/1410331710257-kelsey-grammer-c3bc01-1410331760.jpg" alt="">
                            </a>
                            <div class="artistsContInfo">
                                <h6 class="titleItemSmall">
                                    <a href="/dien-vien/1409-kelsey-grammer.html" class="name">{{art.artist.getName()}}</a><br>
                                    <span class="support-text" style="font-size: 12px;color:#939393;">{{helper.getTypeOfArtist(art.artist.getArtistType())}}</span>
                                </h6>
                            </div>
                        </li>
                    {% endfor %}
                </ul>
            </div>
            <div class="tab-pane" id="imgs">
                <ul class="slide-imgs">
                    <li class="">
                        <a class="thumbnails" rel="list[img]" href="http://s3.img.edn.vn/123phim/2014/08/1409215201980-sai-gon-tay-du-ky-4c4c25-1409215212.jpg"><img class="group1" src="http://s3.img.edn.vn/mobile/123phim/2014/07/1406608474831-dem-o-vien-bao-tang-3-night-at-the-museum-3-2334cc-1406608480_190x100.jpg" title="Image Title" /></a>
                    </li> <!--end thumb -->
                    <li class="">
                        <a class="thumbnails" rel="list[img]" href="http://s3.img.edn.vn/mobile/123phim/2014/07/1406608474831-dem-o-vien-bao-tang-3-night-at-the-museum-3-5de01d-1406608480_171x100.jpg"><img class="group1" src="http://s3.img.edn.vn/mobile/123phim/2014/07/1406608474831-dem-o-vien-bao-tang-3-night-at-the-museum-3-5de01d-1406608480_171x100.jpg" title="Image Title" /></a>
                    </li> <!--end thumb -->
                    <li class="">
                        <a class="thumbnails" rel="list[img]" href="http://s3.img.edn.vn/mobile/123phim/2014/07/1406608474831-dem-o-vien-bao-tang-3-night-at-the-museum-3-2334cc-1406608480_190x100.jpg"><img class="group1" src="http://s3.img.edn.vn/mobile/123phim/2014/07/1406608474831-dem-o-vien-bao-tang-3-night-at-the-museum-3-2334cc-1406608480_190x100.jpg" title="Image Title" /></a>
                    </li> <!--end thumb -->
                    <li class="">
                        <a class="thumbnails" rel="list[img]" href="http://s3.img.edn.vn/mobile/123phim/2014/07/1406608474831-dem-o-vien-bao-tang-3-night-at-the-museum-3-5de01d-1406608480_171x100.jpg"><img class="group1" src="http://s3.img.edn.vn/mobile/123phim/2014/07/1406608474831-dem-o-vien-bao-tang-3-night-at-the-museum-3-5de01d-1406608480_171x100.jpg" title="Image Title" /></a>
                    </li> <!--end thumb -->
                    <li class="">
                        <a class="thumbnails" rel="list[img]" href="http://s3.img.edn.vn/mobile/123phim/2014/07/1406608474831-dem-o-vien-bao-tang-3-night-at-the-museum-3-2334cc-1406608480_190x100.jpg"><img class="group1" src="http://s3.img.edn.vn/mobile/123phim/2014/07/1406608474831-dem-o-vien-bao-tang-3-night-at-the-museum-3-2334cc-1406608480_190x100.jpg" title="Image Title" /></a>
                    </li> <!--end thumb -->
                    <li class="">
                        <a class="thumbnails" rel="list[img]" href="http://s3.img.edn.vn/mobile/123phim/2014/07/1406608474831-dem-o-vien-bao-tang-3-night-at-the-museum-3-5de01d-1406608480_171x100.jpg"><img class="group1" src="http://s3.img.edn.vn/mobile/123phim/2014/07/1406608474831-dem-o-vien-bao-tang-3-night-at-the-museum-3-5de01d-1406608480_171x100.jpg" title="Image Title" /></a>
                    </li> <!--end thumb -->

                </ul><!--end thumbnails -->
            </div>
        </div>
    </div>
    <div class="comment">
        <!--<div id="disqus_thread"></div>
        <script type="text/javascript">
            /* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
            var disqus_shortname = 'javhdvn'; // required: replace example with your forum shortname

            /* * * DON'T EDIT BELOW THIS LINE * * */
            (function() {
                var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
                dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
                (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
            })();
        </script>!-->
        <div class="fb-comments" data-href="http://javhd.vn" data-numposts="10" data-colorscheme="light" data-width="100%"></div>


    </div>
</div>

<h2 class="blockTitle">
    <a href="/phim/the-loai/hanh-dong" title="Hành Động">Có thể bạn quan tâm</a>
    <small>Đừng bỏ lỡ các bộ phim hấp dẫn của điện ảnh Việt Nam và Thế Giới</small>
</h2>
<div class="category-content tag">
    <div class="group">

        <div class="block-base movie" style="">
            <a href="/phim/565-night-at-the-museum-3.html" target="_blank">
                <img class="thumb" src="{{url('layouts/skins/frontend/defaults/images/img1.jpg')}}" alt="Đêm Ở Viện Bảo Tàng 3 - Night at the Museum 3" width="100%" height="250">
            </a>

            <div class="movie-info rate">
                <div class="icon imdb">
                    <strong>5.6</strong>
                    <small>IMDb</small>
                </div>
                <a href="http://tv.zing.vn/embed/embed-movie/4022?autostart=true" data-type="2" target="_self" class="litebox icon play-trailer" data-title="Đêm Ở Viện Bảo Tàng 3 - Night at the Museum 3" data-duration="139" data-litebox-group="trailer"></a>
            </div>

            <a href="/phim/565-night-at-the-museum-3.html" class="film-name" target="_blank">Đêm Ở Viện Bảo Tàng 3 - Night at the Museum 3</a>
        </div>
        <div class="block-base movie" style="">
            <a href="/phim/571-exodus-gods-and-kings.html" target="_blank">
                <img class="thumb" src="{{url('layouts/skins/frontend/defaults/images/img2.jpg')}}" alt="Exodus: Gods and Kings" width="100%" height="250">
            </a>

            <div class="movie-info rate">
                <div class="icon imdb">
                    <strong>6</strong>
                    <small>IMDb</small>
                </div>
                <a href="http://tv.zing.vn/embed/embed-movie/4029?autostart=true" data-type="2" target="_self" class="litebox icon play-trailer" data-title="Exodus: Gods and Kings" data-duration="94" data-litebox-group="trailer"></a>
            </div>

            <a href="/phim/571-exodus-gods-and-kings.html" class="film-name" target="_blank">Exodus: Gods and Kings</a>
        </div>
        <div class="block-base movie" style="">
            <a href="/phim/637-the-pyramid.html" target="_blank">
                <img class="thumb" src="{{url('layouts/skins/frontend/defaults/images/img3.jpg')}}" alt="The Pyramid" width="100%" height="250">
            </a>

            <div class="movie-info rate">
                <div class="icon imdb">
                    <strong>5</strong>
                    <small>IMDb</small>
                </div>
                <a href="http://tv.zing.vn/embed/embed-movie/4277?autostart=true" data-type="2" target="_self" class="litebox icon play-trailer" data-title="The Pyramid" data-duration="141" data-litebox-group="trailer"></a>
            </div>

            <a href="/phim/637-the-pyramid.html" class="film-name" target="_blank">The Pyramid</a>
        </div>
        <div class="block-base movie" style="">
            <a href="/phim/640-ke-hoach-bi-an-kungfu-jungle.html" target="_blank">
                <img class="thumb" src="{{url('layouts/skins/frontend/defaults/images/img4.jpg')}}" alt="Kế Hoạch Bí Ẩn - Kungfu Jungle" width="100%" height="250">
            </a>

            <div class="movie-info rate">
                <div class="icon imdb">
                    <strong>6.5</strong>
                    <small>IMDb</small>
                </div>
                <a href="http://tv.zing.vn/embed/embed-movie/4292?autostart=true" data-type="2" target="_self" class="litebox icon play-trailer" data-title="Kế Hoạch Bí Ẩn - Kungfu Jungle" data-duration="65" data-litebox-group="trailer"></a>
            </div>

            <a href="/phim/640-ke-hoach-bi-an-kungfu-jungle.html" class="film-name" target="_blank">Kế Hoạch Bí Ẩn - Kungfu Jungle</a>
        </div>
        <div class="block-base movie" style="">
            <a href="/phim/568-big-hero-6.html" target="_blank">
                <img class="thumb" src="{{url('layouts/skins/frontend/defaults/images/img5.jpg')}}" alt="Big Hero 6" width="100%" height="250">
            </a>

            <div class="movie-info rate">
                <div class="icon imdb">
                    <strong>5</strong>
                    <small>IMDb</small>
                </div>
                <a href="http://tv.zing.vn/embed/embed-movie/4023?autostart=true" data-type="2" target="_self" class="litebox icon play-trailer" data-title="Big Hero 6" data-duration="131" data-litebox-group="trailer"></a>
            </div>

            <a href="/phim/568-big-hero-6.html" class="film-name" target="_blank">Big Hero 6</a>
        </div>
        <div class="block-base movie" style="">
            <a href="/phim/627-fury.html" target="_blank">
                <img class="thumb" src="{{url('layouts/skins/frontend/defaults/images/img6.jpg')}}" alt="Fury" width="100%" height="250">
            </a>

            <div class="movie-info rate">
                <div class="icon imdb">
                    <strong>5</strong>
                    <small>IMDb</small>
                </div>
                <a href="http://tv.zing.vn/embed/embed-movie/4275?autostart=true" data-type="2" target="_self" class="litebox icon play-trailer" data-title="Fury" data-duration="147" data-litebox-group="trailer"></a>
            </div>

            <a href="/phim/627-fury.html" class="film-name" target="_blank">Fury</a>
        </div>

    </div>
</div>
</div>

=======
{% block videoPlayerSection %}
    <div id="video-player-section" class="watch-page">
        <div class="video-player-container">
            <div ng-controller="detailController" class="video-player-root">
                <div id="player-container" class="container with-background" style="width: 954px; height: 542px; padding: 9px; left: auto; visibility: visible; background-size: 962px 549px; background-position: 0px 0px;">
                    <div id="flash-player-container" class="player">
                        <div id="myElement">Loading the player...</div>
                        <script type="text/javascript" src="{{url('vendor/jwplayer/jwplayer.js')}}"></script>
                        <script type="text/javascript">jwplayer.key="Tl/cGRKD5+mHxuBA9abJoeWYGnxLoRlF9Xt8VQHJS2nHMmlibF4GZ6FPp4Zk0206";</script>

                        <script>
                            jwplayer("myElement").setup({
                                "autoStart": false ,
                                width: "100%",
                                height: "520",
                                abouttext: "Konnect+",
                                //flashplayer: "public/vendor/jwplayer/jwplayer.flash.swf",
                                logo: {
                                    file: "http://javhd.com/images/logo.png",
                                    link: '',
                                    hide : true
                                },

                                skin: "{{url('vendor/jwplayer/skins/five.xml')}}",
                                //image: "{{url('public/layouts/skins/frontend/defaults/images/img1.jpg')}}",
                                playlist: [{
                                    sources: [{
                                        file: "http://vjs.zencdn.net/v/oceans.mp4",
                                        label: "720p SD"
                                    },{
                                        file: "http://vjs.zencdn.net/v/oceans.mp4",
                                        label: "560p SD"
                                    }],
                                    title: "Student Of The Year",
                                    tracks: [{
                                        file: "{{url('vendor/jwplayer/big.srt')}}",
                                        label: "English",

                                    },{
                                        file: "{{url('vendor/jwplayer/small.srt')}}",

                                        label: "French"
                                    }]
                                }],

                                plugins: {
                                    '{{url('vendor/jwplayer/plugins/overlay/overlay.js')}}': {
                                        text: 'Text that you want to go within the overlayed banner'
                                    }
                                }
                            });
                        </script>
                    </div>
                </div>

                <div id="video-description" class="container player-width" style="width: 944px;">
                    <div class="row">
                        <div class="pull-left">
                            <div class="poster-actions margin-bottom-30">
                                <img id="videoPoster" src="http://images001.erosnow.com/music/2/1007692/img14582/6171253/1007692_6171253.jpg" alt="Selfie Pulla | Kaththi">
                                <a href="#" class="btn btn-primary" href="/#!/movie/watch/1007691/kaththi">Watch Trailer</a>
                            </div>
                        </div>
                        <div class="pull-left margin-left-20">
                            <div class="watch-desc">
                                <div class="">
                                    <h1 class="largexl font-mont" id="watch-title">
                                        <span itemprop="name" class="bold title">Selfie Pulla</span> –
                                        <span class="sub-title">Kaththi</span>
                                    </h1>
                                    <div class="margin-top-5">
                                        <span id="videoType">Music Video</span>
                                        <span class="sep-pipe">|</span>
                                        <span id="relYear">2014</span>
                                        <span class="sep-pipe">|</span>
                                        <span id="videoDuration">1min 49secs</span>
                                    <span id="viewCount" class="">
                                        <span class="sep-pipe">|</span>
                                        <span class="view-count"></span>
                                        <span>68,299 views</span>
                                    </span>
                                    </div>
                                    <div class="movie-share margin-top-20">
                                        <a href="#" class="">
                                            <i class="fa fa-info-circle fa-1"></i>
                                            Chi tiết
                                        </a>
                                        <a class="">
                                            <i class="fa fa-comments fa-1"></i>
                                            Bình luận
                                        </a>
                                        <a class="share-btn twitter">
                                            <i class="fa fa-twitter-square fa-1"></i>
                                            Twitter
                                        </a>
                                        <a class="share-btn facebook">
                                            <i class="fa fa-facebook-square fa-1"></i>
                                            Facebook
                                        </a>

                                        <a class="share-btn g+">
                                            <i class="fa fa-google-plus-square fa-1"></i>
                                            Google+
                                        </a>
                                    </div>
                                    <div class="">
                                        <div class="synopsis">

                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="clear"></div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}

{% block content %}
    <div ng-controller="movieController">
        {% for i in 1..5 %}
            <div>
                <div class="page-header">
                    <h3>
                        <a href="">
                            Video Mới Nổi Bật
                        </a>
                    </h3>
                </div>
                <div class="row">
                    <div class="carousel slide" id="myCarousel">
                        <div class="carousel-inner">
                            {% for i in 1..4 %}
                                <div class="item active col-sm-6 col-md-3">
                                    <div class="thumbnail">
                                        <img data-src="holder.js/100%x200" alt="100%x200" src="" style="height: 200px; width: 100%; display: block;">
                                        <div class="caption">
                                            <h3>Thumbnail label</h3>
                                            <p>Cras justo odio, dapibus ac facilisis in, egestas eget quam. Donec id elit non mi porta gravida at eget metus. Nullam id dolor id nibh ultricies vehicula ut id elit.</p>
                                            <p><a href="#" class="btn btn-primary" role="button">Button</a> <a href="#" class="btn btn-default" role="button">Button</a></p>
                                        </div>
                                    </div>
                                </div>
                            {% endfor %}
                            <!--<a data-slide="prev" href="#myCarousel" class="left carousel-control">‹</a>
                            <a data-slide="next" href="#myCarousel" class="right carousel-control">›</a> -->
                        </div>
                    </div>
                </div>
            </div>
        {% endfor %}
    </div>
{% endblock %}

{% block videoComments %}
    <div id="fb-comments" class="video-comments">
        <div class="mask">
            <div class="container">
                <div class="row">
                    <div class="page-header">
                        <h3 class="text-left">Bình luận</h3>
                    </div>
                    <div class="fb-comments" data-href="http://javhd.vn" data-numposts="10" data-colorscheme="light" data-width="100%"></div>
                </div>
            </div>
        </div>
    </div>

{% endblock %}>>>>>>> .r55
